import React, { Component } from 'react'
import styles from "./Merchant.module.scss"
import { connect } from "react-redux"
class Merchant extends Component {
    render() {
     
        return (
            <div id={styles.merchant}>
                {/* 商家地址 */}
                <div className={styles.place}>
                    <div className={styles.storePlace}>
                        {this.props.storeMsg.shopAddress}
                        <span></span>
                    </div>
                    
                </div>
                {/* 查看安全 */}
                <div className={styles.safe}>               
                   <div className={styles.safeBox}>
                    查看食品安全档案
                    <span></span>
                   </div>
                </div>
                {/* 配送服务 */}
                <div className={styles.service}>
                    <div className={styles.serviceBox}>
                        配送服务：由 阿呆配送 提供送餐服务
                    </div>
                </div>
                {/* 配送时间 */}
                <div className={styles.time}>
                    <div className={styles.timeBox}>
                        配送时间：周一至周日 7:00-23:00
                    </div>
                </div>
                {/* 商家服务 */}
                <div className={styles.storeService}>
                    <div className={styles.serviceTit}>商家服务</div>
                    <div className={styles.serviceItems}>
                        <div className={styles.item}>
                            <span>票</span>可开发票
                        </div>
                        <div className={styles.item}>
                            <span>订</span>跨天预订
                        </div>
                        <div className={styles.item}>
                            <span>取</span>到店自取
                        </div>
                    </div>
                </div>
                {/* 满减优惠 */}
                <div className={styles.discounts}>
                    <div className={styles.disOne}>
                        <span>减</span>
                        <p>满30减18，满99减48，满199减89</p>
                    </div>
                    <div className={styles.disOne}>
                        <span>津</span>
                        <p>满30可使用津贴4元</p>
                    </div>
                    <div className={styles.disOne}>
                        <span>折</span>
                        <p>折扣商品0.09元起</p>
                    </div>
                    <div className={styles.disOne}>
                        <span>津</span>
                        <p>新人立减15元（本优惠与新人首单红包不可共享），首次使用美团支付最高再减3元</p>
                    </div>
                </div>
            </div>
        )
    }
}
const mapStateToProps = (state)=>{
    return {
        storeMsg:state.foodStoreReducer.initStoreMsg,
    }
}

export default connect(mapStateToProps,null)(Merchant)